<!DOCTYPE html>
<html>
	<head>
		<title>Voting DApp</title>
		<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
	</head>
	<body class="container">
		<h1>Simple Voting DApp</h1>
		<div class="table-responsive">
			<table class="table table-bordered">
				<thead>
					<tr>
						<th>Candidate</th>
						<th>Vote Count</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>Alice</td>
						<td id="candidate-1"></td>
					</tr>
					<tr>
						<td>Bob</td>
						<td id="candidate-2"></td>
					</tr>
					<tr>
						<td>Cary</td>
						<td id="candidate-3"></td>
					</tr>
				</tbody>
			</table>
			<input type="text" id="candidate" />
			<a href="#" onclick="voteForCandidate()" class="btn btn-primary">Vote</a>
		</div>
	</body>
	<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/web3@0.20.1/dist/web3.min.js"></script>
	<script src="./index.js"></script>
</html>